<template>
	<el-dialog v-model="isVisible" title="结算账户信息" width="800px" :before-close="handleClose">
		<div>
			<el-row class="row-bg">
				<el-col :span="12" class="mb20">开户银行：{{ row.bankName }}</el-col>
				<el-col :span="12" class="mb20">开户支行：{{ row.bankBranchName }}</el-col>
				<el-col :span="12" class="mb20">开户城市：{{ row.bankAddress }}</el-col>
				<el-col :span="12" class="mb20">开户名称：{{ row.bankAccountName }}</el-col>
				<el-col :span="12" class="mb20">银行卡号：{{ row.bankAccountNo }}</el-col>
			</el-row>
		</div>
	</el-dialog>
</template>

<script setup lang="tsx">
import { ref, watch } from 'vue';
// import { fetchDealerAuthAudit } from '/@/api/user';

const props = defineProps({
	// 列表内容
	visible: {
		type: Boolean,
		default: () => false,
	},
	row: {
		type: Object,
		default: () => null,
	},
});

const emit = defineEmits(['handleClose']);

const isVisible = ref(false);

const form = ref<any>({});

watch(
	() => props.visible,
	(val) => {
		isVisible.value = val;
	},
	{
		immediate: true,
	}
);

const handleClose = () => {
	form.value = {};
	emit('handleClose');
};
</script>

<style lang="scss"></style>
